﻿.pager {
	margin: 0;
	line-height: 35px;
	font-size: 18px;
}

.pager div.short {
	float: right;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	width: 100px;
}

.pager div.short input {
	width: 35px;
	height: 35px;
	border: none;
	margin-left: 8px;
	float: left;
	font-size: 18px;
	line-height: 35px;
}

.pager ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 4px;
}

.pager ul li {
	display: inline;
	margin-left: 2px;
}

.pager ul li a {
	padding: 0px;			/* :k+ */
	text-decoration: none;
	display: inline-table;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.pager span {
	margin-left: 4px;
	color: #A0A0A0;
	float: left;
}

.pager .btn {
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 4px;
	cursor: pointer;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.pager .disabled {
	color: #FFF !important;			/* #A0A0A0 --> #FFF */
	background-color: #EEE !important;	/* gray --> #FAFAFA */
/*	text-shadow: 1px 1px 1px #FFFFFF;	-- annotation by kakan 2014-4-22 */
	pointer-events: none;
    cursor: default;
}

/* ------------------------- theme ------------------------- */
/* green */
.green {
	background-color: #4f7305;
}

.green.normal {
	background-color: #588500;
	color: White;
	border: solid 1px #5f9000;
}

.green.active {
	background-color: #344C00;
	color: #F8EB00;
	border: solid 1px #5f9000;
}

.pager.green .btn {
	background-color: #588500;
	color: White;
	border: solid 1px #5f9000;
}
/* black */
.black {
	background-color: #202020;
}

.black.normal {
	background-color: #1d1d1d;
	color: #B0D551;
	border: solid 1px #000;
}

.black.active {
	background-color: #333333;
	color: White;
	border: solid 1px #000;
}

.pager.black .btn {
	background-color: #1d1d1d;
	color: White;
	border: solid 1px #000;
}
/* red */
.red {
	background-color: #D50B07;
}

.red.normal {
	background-color: #E71C18;
	color: White;
	border: solid 1px #F82723;
}

.red.active {
	background-color: #C00D09;
	color: White;
	border: solid 1px #A90B08;
}

.pager.red .btn {
	background-color: #E71C18;
	color: White;
	border: solid 1px #F82723;
}

/* add by kankan 2014-4-22 */
/* customer orangered */
.c_orangered.normal {
	background-color: orange;
	color: White;
}

.c_orangered.active {
	background-color: orangered;
	color: White;
}

.pager.c_orangered .btn {
	background-color: orange;
	color: White;
}

.pager .btn:hover {
	background-color: orangered;
}

.pager a:hover {
	background-color: orangered;
}